<!-- INICIO SLIDE BAR -->
<div class="sidebar-profile ng-scope">
    <div class="avatar">
        <!-- 
        <img class="img-circle profile-image" src="img/profile.jpg">  
        <i class="on border-dark animated bounceIn"></i>
        -->
    </div>
    <div class="profile-body dropdown">
        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
        	<h4>
        		{{username}} <span class="caret"></span>
        	</h4>
        </a>
        <small class="title">{{userprofile}}</small>
        <ul class="dropdown-menu animated fadeInRight" role="menu">
            <li class="profile-progress">
                <h5>
                <span>80%</span>
                  <small>Perfil Completo</small>
                </h5>
                <div class="progress progress-xs">
                    <div class="progress-bar progress-bar-primary" style="width: 80%">
                    </div>
                </div>
            </li>
            <li class="divider"></li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-user"></i>
                                </span>Minha Conta</a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-envelope"></i>
                                </span>Mensagens</a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-cog"></i>
                                </span>Configurações</a>
            </li>
            <li class="divider"></li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-sign-out"></i>
                    </span>Sair</a>
            </li>
        </ul>
    </div>
</div>
<nav class="ng-scope">
    <h5 class="sidebar-header">Navegação</h5>
    <!-- location directive.js | data-nav-toggle-sub maps to -->
    <ul class="nav nav-pills nav-stacked" data-nav-toggle-sub>
        <li class="nav-dropdown">
            <a href="">
                <i class="fa  fa-fw fa-cogs"></i>
                Administradora
            </a>
            <ul class="nav-sub" data-index="0" style="display: none;">
                <li class="nav-dropdown">
		            <a href="" >
		            	<span></span>
		                <i class="fa fa-fw fa-folder-open"></i> 
		                Cadastro
		            </a>
		            <ul class="nav-sub" data-index="1" style="display: none;">
		                <li ui-sref-active="active">
		                    <a href="#/condominio" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Condominio
	                    	</a>
		                </li>
		                <li ui-sref-active="active">
		                    <a href="#/pessoa" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Pessoa
		                    </a>
		                </li>
		                <li ui-sref-active="active">
		                    <a href="#/imovel" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Imóvel
		                    </a>
		                </li>
		                <li ui-sref-active="active">
		                    <a href="#/ramoAtividade" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Ramo Atividade
		                    </a>
		                </li>
		                <li ui-sref-active="active">
		                    <a href="#/fornecedor" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Fornecedor
		                    </a>
		                </li>
		            </ul>
		        </li>
                <li class="nav-dropdown">
		            <a href="" title="Menu Levels"><span></span>
		                <i class="fa fa-fw fa-folder-open"></i> 
		                Financeiro
		            </a>
		            <ul class="nav-sub" data-index="1" style="display: none;">
		                <li class="nav-dropdown">
				            <a href="" >
				            	<span></span>
				                <i class="fa fa-fw fa-folder-open"></i> 
				                Fluxo de Caixa
				            </a>
				            <ul class="nav-sub" data-index="2" style="display: none;">
				                <li>
				                    <a href="#/caixaBanco" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Caixa/Banco
				                    </a>
				                </li>
				                <li>
				                    <a href="#/banco" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Banco
				                    </a>
				                </li>
				                <li>
				                    <a href="#/conta" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Conta
				                    </a>
				                </li>
				        	</ul>
				        </li>
		                <li class="nav-dropdown">
				            <a href="" >
				            	<span></span>
				                <i class="fa fa-fw fa-folder-open"></i> 
				                Cobrança
				            </a>
				            <ul class="nav-sub" data-index="3" style="display: none;">
				                <li>
				                    <a href="#/tipoTitulo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Tipo Titulo
				                    </a>
				                </li>
				                <li>
				                    <a href="#/titulo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Título
				                    </a>
				                </li>
				                <li>
				                    <a href="#/baixa" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Baixa
				                    </a>
				                </li>
				        	</ul>
				        </li>
		                <li class="nav-dropdown">
				            <a href="" >
				            	<span></span>
				                <i class="fa fa-fw fa-folder-open"></i> 
				                Movimentação
				            </a>
				            <ul class="nav-sub" data-index="4" style="display: none;">
				                <li>
				                    <a href="#/balancete" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Balancete
				                    </a>
				                </li>
				        	</ul>
				        </li>
		                <li class="nav-dropdown">
				            <a href="" >
				            	<span></span>
				                <i class="fa fa-fw fa-folder-open"></i> 
				                Classificação
				            </a>
				            <ul class="nav-sub" data-index="5" style="display: none;">
				                <li>
				                    <a href="#/historico" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Histórico
				                    </a>
				                </li>
				                <li>
				                    <a href="#/classe" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Classe
				                    </a>
				                </li>
				                <li>
				                    <a href="#/subgrupo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Subgrupo
				                    </a>
				                </li>
				                <li>
				                    <a href="#/grupo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Grupo
				                    </a>
				                </li>
				        	</ul>
				        </li>
			        </ul>
                </li>
            </ul>
        </li>
    </ul>
</nav>
<!-- </aside> -->

<!-- FIM SLIDE BAR -->
